import logo from './logo.svg';
import './App.css';
import Footer from '../components/Footer'
import Father from '../components/Father';
import { Link } from 'react-router-dom'
import { useNavigate } from 'react-router-dom';
import { Button } from 'antd'
export default function Home() {
    const navigate = useNavigate();
    function gotoAbout() {
        navigate('/about')
    }
    return (
        <header className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <Link to='/ant-design'>learn ant</Link>
            <Button type="primary" onClick={gotoAbout}>go about</Button>
            <a
                className="App-link"
                href="https://reactjs.org"
                target="_blank"
                rel="noopener noreferrer"
            >
                Learn React
            </a>
            <Footer></Footer>
            <Father></Father>
        </header>
    )
}